<template>
    <div class="contactus_box">
        <div class="contactus_header">
        <router-link tag="i" to="/aboutus" class=" ">
            <i class="el-icon-arrow-left"></i>
        </router-link>
            <span>联系我们</span>    
        </div>
        <div class="contactus_content">
        <img src="@/assets/yjpic/pic_qrcode.png" alt="">
        <span>长按保存二维码</span>
        </div>
        <div class="contactus_md">
        <span>请直接在微信搜索公众号"<i><strong>素士</strong></i>"或扫描二维码并关注，</span>
        <span>有任何问题可以直接在公众号咨询，</span>
        <span>有专门的客服人员为你解答</span>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>
<style lang="less" scoped>
*{
    margin: 0;
    padding: 0;
}
.contactus_box{
    background-color: #ffffff;
    height: 100vh;
.contactus_header{
    background-color: #ffffff;
    display: flex;
    padding: 25px;
    align-items: center;
    border-bottom: 15px solid rgb(235, 228, 228);
    i{
        font-size: xx-large;
    }
    span{
        font-size: 36px;
        display: block;
        width: 100%;
        text-align: center;
    }
}
.contactus_content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 36px;
    span{
        font-size: 4px;
        color: rgb(139, 135, 135);
    }
    img{
        height: 300px;
        width: 300px;
    }
} 
.contactus_md{
    display: flex;
    flex-direction: column;
    text-align: center;
}
}
</style>